<!DOCTYPE html>
<hmtl>
    <head>
        <title>登录</title>
        <style>
            from{
                width: 400px;
                height: 250px;
                padding: 120px 100px;
                margin: 25px auto;
                font-size: 18px;
                background-color: #e1e9ef;
                border-radius: 10px;
            }
            .needinput{
                height: 40px;
                width: 300px;
                padding: 0 35px;
                border: none;
                background: #f8f9f9;
                font-size: 15px;
                box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7),inset 0px 2px 5px #aaaaaa;
                color: #17202a;
                border-radius: 5px;

            }
            input[type="submit"]{
                width: 110px;
                height: 40px;
                text-align: center;
                border-radius: 5px;
                font:16px "黑体";
                background-color: #c0c6cb;
            }
            .smtxt{
                font-size: 14px;
            }
            a{text-decoration: none;}
            a:hover{text-decoration: underline;}
        </style>
    </head>
    <body>
        <form>
            <p>用户名<br>
            <input type="text"class="needinput" placeholder="请输入用户名"/></p>
            <p>密码<br>
            <input type="password" class="needinput" placeholder="请输入密码"></p>
            <p><input id="remember" type="checkbox"><label for="remember" class="smtxt">记住密码</label></p>
            <p><input type="submit" value="登录"></p>
            <p class="smtxt">还没有账户？<a href="qqs.htm">注册</a></p>
        </form>
    </body>
</hmtl>